<template>
    <div class="app-container container-width">
        <div class="title_warp">
            <p class="title">{{info.title}}</p>
            <p class="time">{{info.infoDate}}</p>
        </div>
        <div class="describe_html" v-html="newsHtml"></div>
    </div>
</template>

<script lang="ts">
import {newsDetail} from '/@/api/homePage/index'
export default {
  data(){
    return {
        newsHtml:'',
        info:{}
    }
  },
  mounted(){
    this.getNewsDetail( this.$route.query.infoId )
  },
  methods: {
    getNewsDetail( infoId ) {
      newsDetail( { infoId:infoId})
      .then( res => {
          const { informationInfo , detail } = res
          this.newsHtml = detail;
          this.info = informationInfo
      }).catch(( )=>{ })
    }
  }
}
</script>

<style lang="scss" scoped>
.title_warp{
   margin:80px auto
}
.title{
    font-size:32px;
    text-align:center
}
.time{
    margin-top: 50px;
    text-align:right;
    
}

</style>